<template>
  <div class="nav_bar">
    <Menu v-bind="$attrs" v-on="$listeners">
      <MenuItem v-for="(t, i) in menus" :to="t.path" :key="i" :name="i">
        <Icon v-show="t.icon" :type="t.icon"></Icon>
        <span>{{ t.title }}</span>
      </MenuItem>
    </Menu>
  </div>
</template>

<script>
import { mapState } from "vuex";
export default {
  name: "NavBar",
  props: {
    // model: {
    //   required: true,
    //   type: Array,
    //   default: function() {
    //     return [];
    //   },
    // },
  },
  computed: {
    ...mapState(["menus"]),
  },
};
</script>
<style lang="stylus" scoped></style>
